{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "firefox/base/base-protocol.html" %}

{% from "macros-protocol.html" import callout, callout_compact %}

{% set channel_name = '' if release.channel == 'Release' else release.channel %}

{% block page_title_prefix %}{% endblock %}
{% block page_title %}{{ release.product }} {{ channel_name }} {{ version }} System Requirements{% endblock %}

{% block body_id %}notes{% endblock %}
{% block body_class %}mzp-t-firefox mzp-t-{{ channel_name|lower }}{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-callout') }}
  {{ css_bundle('firefox_system_requirements') }}
{% endblock %}

{# We want to denote www.firefox.com as the canonical source of release notes #}
{% block canonical_urls %}
    {{ firefox_com_canonical_tag() }}
{% endblock %}

{% block content %}
  <main class="mzp-l-content mzp-t-content-md">
    <h1 class="c-page-title">Firefox System Requirements</h1>
    <h2 class="c-version-title">{{ release.product }} {{ channel_name }} {{ version }}</h2>

    <div class="mzp-c-article">
      {{ release.system_requirements|safe }}
    </div>
  </main>

  {% call callout_compact(
    title='Get the most recent version',
    class='mzp-t-firefox mzp-t-product-firefox mzp-t-background-secondary',
    brand=True,
    brand_product='firefox',
    brand_type='logo',
    brand_size='lg',
  ) %}
    {{ download_firefox(alt_copy=ftl('download-button-download-firefox'), download_location='primary cta') }}
  {% endcall %}

  <section class="all-download">
    <a href="{{ url('firefox.all') }}">All Firefox downloads</a>
  </section>

  {% block sidebar %}{% endblock %}
{% endblock %}
